<template>

  <div>

    <div >
    Mouse position is at: {{ x }}, {{ y }}
  </div>

  <div >
    window  is : {{ width }}, {{ height }}
  </div>

  <button @click="handleClick"> redirect</button>

  </div>


  
</template>

<script setup lang="ts">

import {usePoint} from '@/hooks/usePoint'
import {useWindowResize} from '@/hooks/useWindowResize'
import { onMounted } from 'vue'
import { useRoute, useRouter } from 'vue-router'
const {x,y} = usePoint()

const {width,height} = useWindowResize()

console.log(x.value)

const router = useRouter()

const handleClick =()=>{
  router.push({path:'/routers'})
}

onMounted(()=>{
  document.cookie ="444";

  sessionStorage.setItem('name','name')

  console.log(111, sessionStorage.getItem('name'))

  console.log(111,document.cookie)
})

</script>